<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form class="mui-input-group">
			<div class="mui-input-row">
				用户名:<input type="text" name="names"><br>
				密码:<input type="password" name="pwd" /><br>
				性别:<input type="radio" name="sex" />男<input type="radio" name="sex"/>女<br />
				学院:<select name="xue">
					<option value="焊工">焊工</option>
					<option value="修车">修车</option>
					<option value="当航go">撒狗yqh</option>
				</select><br />
				爱好:<input type="checkbox" name="hop" />唱&nbsp;<input type="checkbox" name="hop" />跳&nbsp;
					<input type="checkbox" name="hop" />rep&nbsp;<input type="checkbox" name="hop" />篮球<br>
				自我介绍<textarea name="jiesao" rows="3" cols="12"></textarea><br>
				<button type="button" onclick="soname();"> 提交</button>
			</div>
		</form>

		
	</body>
	<script type="text/javascript">
		/*3.新制作一个注册页面，要求
		      3.1 要求包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
		      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
		      3.3 每个需要提交的标签都要有name值
		      3.4 按照name的方式查找各个元素
		      3.5 按照标签的方式查找各个元素*/
			  function soname(){
				  var sd1=document.getElementsByName('names');
				  var sd2=document.getElementsByName('pwd');
				  var sd3=document.getElementsByName('sex');
				  var sd4=document.getElementsByName('xue');
				  var sd5=document.getElementsByName('hop');
				  var sd6=document.getElementsByName('jiesao');
				  console.log(sd1,sd2,sd3,sd4,sd5,sd6);
			  }
	</script>
</html>
